<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<!--
鼠标事件：click(点击)、mouseenter(鼠标经过)、mouseleave(鼠标离开)
焦点事件：focus(获得焦点)、blur(失去焦点)
键盘事件：keydown(键盘按下)、keyup(键盘抬起)
文本事件：input(用户输入)


鼠标事件：
     类别	              事件
    onclick	    鼠标单击时触发此事件
    ondblclick	鼠标双击时触发此事件
    onmousedown	鼠标按下时触发此事件
    onmouseup	鼠标弹起时触发的事件
    onmouseover	鼠标移动到某个设置了此事件的元素上时触发此事件
    onmousemove	鼠标移动时触发此事件
    onmouseout	鼠标从某个设置了此事件的元素上离开时触发此事件

键盘事件：
      类别	             事件
    onkeydown	当键盘上的某个按键被按下时触发此事件
    onkeyup	    当键盘上的某个按键被按下后弹起时触发此事件
    onkeypress	当输入有效的字符按键时触发此事件

表单事件：
     类别	             事件
    onblur	    当前元素失去焦点时触发此事件
    onchange	当前元素失去焦点并且元素内容发生改变时触发此事件
    onfocus	    当某个元素获得焦点时触发此事件
    onreset	    当表单被重置时触发此事件
    onsubmit	当表单被提交时触发此事件
-->
<script>
    /*
    鼠标经过事件的区别：
        mouseover和mouseout会有冒泡效果
        mouseenter和mouseleave 没有冒泡效果(推荐使用) 
     */
</script>
</body>
</html>